<link rel="import" href="head.html?__inline">
<div class="head">
    <div class="container clearfix">
        <img src="images/logo.png" alt=""/><span>河北省安全科技技术中心在线培训系统</span>
        <ul>
            <li><a href="/index.html">首页</a></li>
            <li><a href="/training-plan.html">培训计划</a></li>
            <li><a href="/complete-plan.html">个人中心</a></li>
            <li><a href="/teacher-resources.html" class="active">师资管理</a></li>
            <li><a href="/novice-help.html">帮助中心</a></li>
        </ul>
    </div>
</div>
    <!--head---end-->
    <div class="content">
        <div class="container">
            <div class="first-line"><span>教师资源</span></div>
            <div class="two-line clearfix"><a href="#" class="o-active">默认排序</a><a href="#" class="fl-sort">首字母排序<img src="images/down.png" alt=""></a><a href="#" class="popularity">人气排序<img src="images/up.png" alt=""></a></div>
            <div class="te-re-main">
            <div class="te-present clearfix" onclick="window.open('/teacher-detail.html','_self')"  ms-controller="allTeachersInfo">
                <div ms-for="el in @data.rows">
                <div class="te-img"><img ms-attr="{src:el.img}" alt=""></div>
                <div class="te-pr-sp">
                    <div><span>{{el.name}}</span>&nbsp&nbsp/&nbsp培训领域：{{el.baseTrainingIds}}</div>
                    <p>{{el.info}}</p>
                </div>
                </div>
             <!--   <div class="te-present clearfix" onclick="window.open('/teacher-detail.html','_self')">
                    <div class="te-img"><img src="images/teacher.png" alt=""></div>
                    <div class="te-pr-sp">
                        <div><span>孙善简</span>&nbsp&nbsp/&nbsp培训领域：危险化学品生产；高压电工作；</div>
                        <p>湖北武汉人，1984年7月毕业于武汉华中理工大学，电力工程系，电子及自动控制专业<br/>
                            毕业后留校任教，长期从事教学和科研工作，荣获国家颁发的三十年教龄荣誉证书；<br/>
                            2002年2月来被深圳市多家培训学校聘任电工教师和教务主任；<br/>
                            从事多年初、中、高级电工职业培训工作，获取深圳市劳动局和深圳安监局颁发的职业培训教师资格证书。</p>
                    </div>
            </div>-->

            <div class="next-page clearfix">
                <div id="pageTool"></div>
            </div>
            </div>
        </div>
    </div>
    <!--content---end-->
<link rel="import" href="footer.html?__inline">
<script>
    $(document).ready(function(){
        $(".two-line a").click(function(){
            $(this).addClass("o-active")
                    .siblings().removeClass("o-active");
        });
        $(".fl-sort").click(function(){
            $(".fl-sort img").attr("src","images/white_arrowhead.png");
            $(".popularity img").attr("src","images/up.png");
        });
        $(".popularity").click(function(){
            $(".popularity img").attr("src","images/white_up.png");
            $(".fl-sort img").attr("src","images/down.png");
        });
    });
    $(document).ready(function(){
        $('#pageTool').Paging({pagesize:10,count:100,callback:function(page,size,count){
            console.log(arguments)
        }});
    });
    var indexVm = avalon.define({
        $id: "allTeachersInfo",
        data: [],
        strTime: function (time) {
            return dataStr(time);
        }
    });
    function getNoticeData() {
        var param = {
            pageCurrent: 1,
            pageSize: 10,
            teacherOrder: 'teacherName'
        };

        post("/home/teacher/getAllTeachersInfo.do", param, function (data) {
            console.log(data);
            indexVm.data = data;
        }, function (msg) {
            console.log(msg);
        });
    }
    getNoticeData();
</script>
</body>
</html>